<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典</title>
<script type="text/javascript" src="scripts/html5.js"></script>
<link href="styles/global.css" rel="stylesheet" type="text/css">
<link href="styles/index.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9 ]><link href="styles/ie8Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lt IE 8 ]><link href="styles/ie7Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lt IE 7 ]><link href="styles/ie6Fix.css" rel="stylesheet" type="text/css"><![endif]-->
<!--[if lte IE 6]><style type='text/css'>.logo img{ behavior: url("scripts/iepngfix.htc") }</style><![endif]-->
</head>
<body>
<!--顶部导航开始-->
<nav id="topNav"><div class="bgA_01">
	<div class="linkField">
		<div class="links">
			<a href="#" title="我的私信">我的私信</a><a href="#" title="退出">退出</a>
		</div>
		<div class="user">
			<a href="#" title="个人信息">劳拉克罗夫特</a>
		</div>
	</div>
	<div class="navField">
		<a href="#" title="社区广场">社区广场</a> | <a href="#" title="网站导航">网站导航</a> | <a href="#" title="驾车宝典">驾车宝典</a> | <a href="#" title="购物车">购物车</a>
	</div>
</div></nav>
<!--顶部导航结束-->

<!--头部开始-->
<header id="header"><div class="bgA_01">
	<div class="btns">
		<a href="#" class="btn download" title="点击下载">驾车宝典移动客户端 点击下载</a>
	</div>
	<div class="logoField">
		<a href="#" class="logo" title="驾车宝典"><img src="images/logo_01.png" src="驾车宝典"></a>
	</div>
	<div class="bannerField">
		<a href="#"><img src="images/pic_banner_01.jpg" alt="BANNER名称"></a>
	</div>
</div></header>
<!--头部结束-->

<!--导航开始-->
<nav id="mainNav"><div class="bgA_01">
	<div class="searchField">
		<input type="text" class="txt" value="驾车宝典">
		<input type="button" class="btn" value="" title="搜索">
	</div>
	<div class="navField">
		<ul>
			<li class="link1"><a class="on" href="#" title="社区首页">社区首页</a></li>
			<li class="link2"><a href="#" title="群组">群组</a></li>
			<li class="link3"><a href="#" title="帖子">帖子</a></li>
			<li class="link4"><a href="#" title="活动">活动</a></li>
			<li class="link5"><a href="#" title="新鲜事">新鲜事</a></li>
		</ul>
	</div>
</div></nav>
<!--导航结束-->

<!--首页主要部分开始-->
<section id="main"><div class="bgA_01">
	
	<!--左边开始-->
	<div id="leftArea">
		
		<div class="bannerPanel_01">
			<div class="listField">
				<ul>
					<li class="first">
						<div class="mask"></div>
						<div class="img"><a href="#"><img src="images/pic_banner_02.jpg" width="467" height="186" alt="BANNER名称"></a></div>
						<div class="text">
							<p><a href="#">再改保时捷PANAMERA原装进口Mansory包围排气套件 加TECHART尾翼</a></p>
							<p class="name"><a href="#">小组：我爱保时捷</a></p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_banner_03.jpg" width="233" height="186" alt="BANNER名称"></a></div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_banner_04.jpg" width="233" height="186" alt="BANNER名称"></a></div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_banner_03.jpg" width="233" height="186" alt="BANNER名称"></a></div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_banner_04.jpg" width="233" height="186" alt="BANNER名称"></a></div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="groupPanel_01">
			<div class="titleField titleType_01">
				<p class="more"><a href="#" title="更多">更多&gt;&gt;</a></p>
				<h1>小组热帖</h1>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img"><a href="#"><img src="images/pic_content_01.jpg" width="130" height="130" alt=""></a></div>
						<div class="info">
							<h2><a href="#">从上海到拉萨要注意什么？</a></h2>
							<p class="text">有片净土，离太阳最近，那里没有城市的喧嚣，有的是圣洁和宁静，那里特有的文化...</p>
							<p class="group"><a href="#">我爱雪佛兰</a></p>
							<p class="name"><a href="#">漓江7烟雨</a></p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_content_01.jpg" width="130" height="130" alt=""></a></div>
						<div class="info">
							<h2><a href="#">从上海到拉萨要注意什么？</a></h2>
							<p class="text">有片净土，离太阳最近，那里没有城市的喧嚣，有的是圣洁和宁静，那里特有的文化...</p>
							<p class="group"><a href="#">我爱雪佛兰</a></p>
							<p class="name"><a href="#">漓江7烟雨</a></p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_content_01.jpg" width="130" height="130" alt=""></a></div>
						<div class="info">
							<h2><a href="#">从上海到拉萨要注意什么？</a></h2>
							<p class="text">有片净土，离太阳最近，那里没有城市的喧嚣，有的是圣洁和宁静，那里特有的文化...</p>
							<p class="group"><a href="#">我爱雪佛兰</a></p>
							<p class="name"><a href="#">漓江7烟雨</a></p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#"><img src="images/pic_content_01.jpg" width="130" height="130" alt=""></a></div>
						<div class="info">
							<h2><a href="#">从上海到拉萨要注意什么？</a></h2>
							<p class="text">有片净土，离太阳最近，那里没有城市的喧嚣，有的是圣洁和宁静，那里特有的文化...</p>
							<p class="group"><a href="#">我爱雪佛兰</a></p>
							<p class="name"><a href="#">漓江7烟雨</a></p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="recommendPanel_01">
			<div class="titleField titleType_01">
				<p class="more"><a href="#" title="更多">更多&gt;&gt;</a></p>
				<h1>推荐小组</h1>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img"><a href="#" title="我爱德黑兰"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我爱德黑兰"></a></div>
						<div class="text"><a href="#" title="我爱德黑兰">我爱德黑兰</a></div>
					</li>
					<li>
						<div class="img"><a href="#" title="我们什么都有就是没有钱"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我们什么都有就是没有钱"></a></div>
						<div class="text"><a href="#" title="我们什么都有就是没有钱">我们什么都有就是没有钱</a></div>
					</li>
					<li>
						<div class="img"><a href="#" title="我爱德黑兰"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我爱德黑兰"></a></div>
						<div class="text"><a href="#" title="我爱德黑兰">我爱德黑兰</a></div>
					</li>
					<li>
						<div class="img"><a href="#" title="我们什么都有就是没有钱"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我们什么都有就是没有钱"></a></div>
						<div class="text"><a href="#" title="我们什么都有就是没有钱">我们什么都有就是没有钱</a></div>
					</li>
					<li>
						<div class="img"><a href="#" title="我爱德黑兰"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我爱德黑兰"></a></div>
						<div class="text"><a href="#" title="我爱德黑兰">我爱德黑兰</a></div>
					</li>
					<li>
						<div class="img"><a href="#" title="我们什么都有就是没有钱"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我们什么都有就是没有钱"></a></div>
						<div class="text"><a href="#" title="我们什么都有就是没有钱">我们什么都有就是没有钱</a></div>
					</li>
					<li>
						<div class="img"><a href="#" title="我爱德黑兰"><img src="images/pic_header_02.jpg" width="80" height="80" alt="我爱德黑兰"></a></div>
						<div class="text"><a href="#" title="我爱德黑兰">我爱德黑兰</a></div>
					</li>
				</ul>
			</div>
		</div>
	
	</div>
	<!--左边结束-->
	
	<!--右边开始-->
	<div id="rightArea">
		
		<div class="userPanel_01">
			<div class="imgField">
				<a href="#" title="个人信息"><img src="images/pic_header_01.jpg" width="85" height="85" alt="劳拉克罗夫特"></a>
			</div>
			<div class="infoField">
				<div class="title">
					<p class="more"><a href="#" class="btn" title="按钮名字">按钮名字</a></p>
					<h1><a href="#" title="个人信息">劳拉克罗夫特</a></h1>
					<h2>80后-金牛座</h2>
				</div>
				<div class="info">
					<ul>
						<li>
							<p class="num">108</p>
							<p>关注</p>
						</li>
						<li>
							<p class="num">327919</p>
							<p>粉丝</p>
						</li>
						<li>
							<p class="num">3819</p>
							<p>微博</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="acePanel_01">
			<div class="titleField titleType_01">
				<p class="more"><a href="#" title="更多">更多&gt;&gt;</a></p>
				<h1>活跃达人</h1>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img"><a href="#" title="用户信息"><img src="images/pic_header_03.jpg" width="60" height="60" align="姬十三"></a></div>
						<div class="info">
							<p class="num">29991人关注</p>
							<h2 class="name"><a href="#" title="用户信息">姬十三</a></h2>
							<p class="text" title="果壳网CEO，科学松鼠会创始人之一 这里是完整信息">果壳网CEO，科学松鼠会...</p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#" title="用户信息"><img src="images/pic_header_03.jpg" width="60" height="60" align="姬十三"></a></div>
						<div class="info">
							<p class="num">29991人关注</p>
							<h2 class="name"><a href="#" title="用户信息">姬十三</a></h2>
							<p class="text" title="果壳网CEO，科学松鼠会创始人之一 这里是完整信息">果壳网CEO，科学松鼠会...</p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#" title="用户信息"><img src="images/pic_header_03.jpg" width="60" height="60" align="姬十三"></a></div>
						<div class="info">
							<p class="num">29991人关注</p>
							<h2 class="name"><a href="#" title="用户信息">姬十三</a></h2>
							<p class="text" title="果壳网CEO，科学松鼠会创始人之一 这里是完整信息">果壳网CEO，科学松鼠会...</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="cityPanel_01">
			<div class="titleField titleType_01">
				<p class="more"><a href="#" title="更多">更多&gt;&gt;</a></p>
				<h1>同城对碰</h1>
			</div>
			<div class="listField">
				<ul>
					<li>
						<div class="img"><a href="#" title="查看详细内容"><img src="images/pic_content_02.jpg" width="80" height="80" align="活动名"></a></div>
						<div class="info">
							<h2><a href="#">雪佛兰试驾会召集</a></h2>
							<p class="num">12345人参加</p>
							<p class="group"><a href="#" title="小组信息">我们都爱雪佛兰</a></p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#" title="查看详细内容"><img src="images/pic_content_02.jpg" width="80" height="80" align="活动名"></a></div>
						<div class="info">
							<h2><a href="#">雪佛兰试驾会召集</a></h2>
							<p class="num">12345人参加</p>
							<p class="group"><a href="#" title="小组信息">我们都爱雪佛兰</a></p>
						</div>
					</li>
					<li>
						<div class="img"><a href="#" title="查看详细内容"><img src="images/pic_content_02.jpg" width="80" height="80" align="活动名"></a></div>
						<div class="info">
							<h2><a href="#">雪佛兰试驾会召集</a></h2>
							<p class="num">12345人参加</p>
							<p class="group"><a href="#" title="小组信息">我们都爱雪佛兰</a></p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="advPanel_01">
			<a href="#"><img src="images/pic_adv_01.jpg" width="263" height="80" alt=""></a>
			<a href="#"><img src="images/pic_adv_02.jpg" width="263" height="80" alt=""></a>
		</div>
		
		
	</div>
	<!--右边结束-->
	
	<div class="linkPanel_01">
		<div class="titleField titleType_01">
			<p class="more"><a href="#" title="更多">更多&gt;&gt;</a></p>
			<h1>友情链接</h1>
		</div>
		<div class="linkField">
			<a href="#">喜家汇结婚网</a> | <a href="#">零食网</a> | <a href="#">上海婚博会</a> | <a href="#">万表网</a> | <a href="#">东方宽频</a> | <a href="#">婚庆联盟</a> | <a href="#">丁丁网婚展攻略</a> | <a href="#">哇噻网</a> | <a href="#">心灵咖啡</a> | <a href="#">惠买商城</a> | <a href="#">饰品</a> | <a href="#">网球</a> | <a href="#">逛</a> | <a href="#">户外运动用品</a> | <a href="#">网上商城</a> | <br><a href="#">手表真假</a> | <a href="#">上海电脑硬件</a> | <a href="#">街拍搭配</a> | <a href="#">好莱坞音乐</a> | <a href="#">游戏宝贝</a> | <a href="#">一哈餐饮娱乐网</a> | <a href="#">健身</a> | <a href="#">开饭喇</a> | <a href="#">爱乐游</a> | <a href="#">orange</a> | <a href="#">订餐小秘书</a> | <a href="#">上海特色小吃</a> | <a href="#">苏州生活网</a>
		</div>
	</div>
	
</div></section>
<!--首页主要部分结束-->

<!--底部开始-->
<footer id="footer"><div class="bgA_01">
	<div class="logoField">
		<a href="#" class="logo" title="驾车宝典"><img src="images/logo_02.png" src="驾车宝典"></a>
	</div>
	<div class="linkField">
		<a href="#">关于我们</a> <a href="#">加入我们</a> <a href="#">媒体报道</a> <a href="#">帮助中心</a> <a href="#">内容专区</a> <a href="#">免责声明</a> <a href="#">联系我们</a> <a href="#">移动版</a>
	</div>
	<div class="copyrightField">
		&copy; 2004-2013 www.jiachebaodian.com.cn All Rights Reserved. 驾车宝典 版权所有
	</div>
</div></footer>
<!--底部结束-->

<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
</body>
</html>